<div class="settings-header--container">
    <div class="mr-auto">
        <button type="button" class="btn btn-primary mr-auto" (click)="downloadDropdown($event)">下载</button>
        <div
            class="download-dropdown--wrapper d-none"
            [ngClass]="{ 'd-none': !downloadDP, 'd-block': downloadDP }"
            (mouseleave)="downloadDP = false"
        >
            <ul>
                <li class="download-dropdown-item" (click)="downloadFarrisZip()">
                    <i class="f-icon f-icon-download"></i>
                    <span>下载当前Faris主题</span>
                </li>
                <li class="download-dropdown-item" (click)="downloadFramework()">
                    <i class="f-icon f-icon-download"></i>
                    <span>下载当前Framework主题</span>
                </li>
                <li class="download-dropdown-item" (click)="downloadZip()">
                    <i class="f-icon f-icon-download"></i>
                    <span>下载当前Farris和Framework主题</span>
                </li>
            </ul>
        </div>
    </div>
    <button type="button" class="btn btn-secondary" title="重置变量" (click)="resetVariables()">
        {{ current == 'extend' ? '清空CSS' : '重置变量' }}
    </button>
    <button type="button" class="btn btn-primary" (click)="updatePreview()" title="刷新预览">刷新</button>
</div>
